<template>
  <div class="vue3dContent">
    <vue-3d-menu
      :title="'菜单管理'"
      :items="items"></vue-3d-menu>
    <ul>
      <li v-for="(item,index) in dataList" :key="index">{{item.name}}</li>
    </ul>
  </div>
</template>

<script>
  import axios from 'axios';
  export default {
    name: 'test3d',
    data() {
      return {
        items: [
          {title: '>_<#@!2', click: () => alert('hello~2')},
          {title: '>_<#@!3', click: () => alert('hello~3')},
          {title: '>_<#@!4', click: () => alert('hello~4')},
          {title: '>_<#@!5', click: () => alert('hello~5')}
        ],
        dataList:[
          {
            key:'pkk',
            name:'peikunkun'
          }
        ],
      };
    },
    mounted(){

    },
    created(){
      this.getDataRender();
    },
    methods:{
       getDataRender(){
         axios.post('/user', {
           firstName: 'Fred',
           lastName: 'Flintstone'
         })
         .then(function (response) {
           console.log(response);
           this.dataList = data.result;
         })
         .catch(function (error) {
           console.log(error);
         });
       },
    }

  }
</script>

<style scoped>
  .vue3dContent {
  }
</style>
